﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<!-- For Resposive Device -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- For IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<title>宠物之家</title>
		
		<!-- Main style sheet -->
		<link rel="stylesheet" href="/static/css/style.css">
		<!-- responsive style sheet -->
		<link rel="stylesheet" href="/static/css/responsive.css">
        <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
        <link rel="stylesheet" type="text/css" href="/static/css/main.css">
        <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
        <script type="text/javascript" src="/static/js/main.js"></script>
		<!-- Fix Internet Explorer ______________________________________-->

		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="vendor/html5shiv.js"></script>
			<script src="vendor/respond.js"></script>
		<![endif]-->
	</head>
	
	<body>
	
		<div class="main-page-wrapper">

			<!-- Header _________________________________ -->
			<section class="header-section">
				<div class="top-header">
					<div class="container">
						<div class="clear-fix">
							<ul class="float-left top-header-left">
								<li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i> 传智专修学院</a></li>
								<li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> yy2428065460@gmail.com</a></li>
							</ul>
                            {% if not nick_name %}
							<div class="float-right ">
                                <a href="javascript:;" class="login_btn">登录</a> / <a href="javascript:;" class="register_btn">注册</a>
                            </div>
							{% else %}
                            <div class="user_login fr">
                                <img src="/static/images/cat.jpg" class="lgin_pic" >
                                <a href="" >{{ nick_name }}</a>
                                <a href="/passport/logout">退出</a>
							</div>
                            {% endif %}
						</div>
					</div>
				</div>
				
				<!-- Theme Main Menu ____________________________ -->
				<div class="theme-main-menu">
					<div class="container">
						<div class="main-menu clear-fix">

							<div class="search-button-content float-right">
								<button class="cart tran3s"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span>2</span></button>
					   			<button class="search b-p-bg-color" id="search-button"><i class="fa fa-search" aria-hidden="true"></i></button>
					   			<div class="search-box tran5s" id="searchWrapper">
					   				<button id="close-button" class="p-color"><i class="fa fa-times" aria-hidden="true"></i></button>
					   				<div class="container">
					   					<img src="/static/images/them-logo/them-main-logo-1.png" alt="Logo">
					   					<form action="#">
					   						<input type="text" placeholder="Search....">
					   						<button class="p-bg-color"><i class="fa fa-search" aria-hidden="true"></i></button>
					   					</form>
					   				</div>
					   			</div> <!-- /.search-box -->
					   		</div> <!-- /.right-content -->
					   		<div class="them-logo float-left"><a href="#"><img src="/static/images/them-logo/them-main-logo-1.jpg" alt="logo"></a></div>

							<!-- Menu -->
							<nav class="navbar">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed tran3s" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
										<span class="sr-only tran3s">Toggle navigation</span>
										<span class="icon-bar tran3s"></span>
										<span class="icon-bar tran3s"></span>
										<span class="icon-bar tran3s"></span>
									</button>
								</div>
								
								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="navbar-collapse-1">
									<ul class="nav navbar-nav">
										<li><a href="{{ url_for('index_blu.index') }}">主页</a></li>
										<li><a href="{{ url_for('index_blu.gallery') }}">画廊</a></li>
									    <li><a href="{{ url_for('index_blu.about') }}">关于我们</a></li>
										<li><a href="{{ url_for('index_blu.team_data') }}">护理团队</a></li>
										<li><a href="{{ url_for('index_blu.shop') }}">购买</a></li>
										<li><a href="{{ url_for('index_blu.shop_details') }}">店铺详情</a></li>
										<li><a href="{{ url_for('index_blu.contact_us') }}">联系我们</a></li>
									</ul>
								</div><!-- /.navbar-collapse -->
							</nav>
						</div> <!-- / menu-skew-div -->
					</div> <!-- /.container main-menu -->
				</div> <!-- /.main-menu -->
			</section>

			<!-- Theme Main Banner ____________________________ -->
			<section>
				<div id="theme-main-banner">
					<div data-src="/static/images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
							    <h1 class="wow fadeInUp animated" data-wow-delay="0.2s">爱护你的宠物</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s"> 拥有超过15年的经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s"> 为您的家带来最优质的宠物护理服务和健康的宠物 </p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">购物</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">获取宠物</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
					<div data-src="/static/images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
								<h1 class="wow fadeInUp animated" data-wow-delay="0.2s">爱护你的宠物</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s"> 拥有超过15年的经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s">为您的家带来最优质的宠物护理服务和健康的宠物</p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">购物</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">获取宠物</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
					<div data-src="/static/images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
								<h1 class="wow fadeInUp animated" data-wow-delay="0.2s">爱护你的宠物</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s"> 拥有超过15年的经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s">为您的家带来最优质的宠物护理服务和健康的宠物</p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">购物</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">获取宠物</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
				</div> <!-- /#theme-main-banner -->
			</section>

			<!-- banner-bottom-section ____________________________ -->
			<section class="banner-bottom-section">
				<div class="container">
					<div class="row">
						<div class="col-sm-4 col-xs-12">
							<div class="banner-bottom-item">
								<div class="banner-bottom-contante text-center">
									<i class="flaticon-egyptian-cat"></i>
									<h6><a href="#">Healthy Pet Care</a></h6>
									<p>We have over 15 years of experience</p>
								</div>
							</div>
						</div>
						<div class="col-sm-4 col-xs-12">
							<div class="banner-bottom-item">
								<div class="banner-bottom-contante text-center">
									<i class="flaticon-dog-training"></i>
									<h6><a href="#">Request for Services</a></h6>
									<p>Quality Pet Service</p>
								</div>
							</div>
						</div>
						<div class="col-sm-4 col-xs-12">
							<div class="banner-bottom-item">
								<div class="banner-bottom-contante text-center">
									<i class="flaticon-pawprint"></i>
									<h6><a href="#">$40 Off Purchase</a></h6>
									<p>$100 off OR Special Financing!</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- We are myPet ____________________________ -->
			<section class="we-are-my-pet-section">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-xs-12">
							<div class="we-are-my-pet-text">
								<span></span>
								<h2>We are <span>my<span>Pet</span></span></h2>
								<p>Welcome! We are glad you would like to explore a different type of pet care for your furry friends. We have been providing top-notch pet sitting and pet care in the Littleton community since 1995 and the Best Choice as an alternative to pet boarding</p>
								<p>There are many advantages of your pet staying in their own home. Some of them are; no exposure to illnesses such as kennel cough, canine flu, & parasites.</p>
								<a href="#" class="hvr-float-shadow">Know More</a>
							</div>
						</div>
						<div class="col-md-6 col-xs-12">
							<div class="we-are-my-pet-img">
								<img src="/static/images/home/img-1.jpg" alt="image">
								<div></div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Our Pet Services ____________________________ -->
			<section class="our-pet-services-section">
				<div class="container">
					<div class="them-title text-center">
						<span></span>
						<h2>Our Pet Services</h2>
						<p>Best Friends Pet Care is the leader of the pack when it comes to the absolute best care for your cat or dog.</p>
					</div>

					<div class="row our-pet-services">
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-2.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">PET ADOPTION</a></h5>
									<p>Whether your pet needs a scratch around the ear, a face to lick or a place to play,</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-3.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">PET GROOMING</a></h5>
									<p>Best Friends Pet Care is the leader of the pack when it comes to the absolute best care for your cat or dog.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-4.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">Pet Health care</a></h5>
									<p>In a professional context it often happens that private or corporate clients order a publication</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-5.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">DOG WALKING</a></h5>
									<p>Whether your pet needs a scratch around the ear, a face to lick or a place to play,</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-6.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">PET DAYCARE</a></h5>
									<p>Best Friends Pet Care is the leader of the pack when it comes to the absolute best care for your cat or dog.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="/static/images/home/img-7.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">Nice Product</a></h5>
									<p>In a professional context it often happens that private or corporate clients order a publication</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Company History _________________________________ -->
			<section class="company-history-section">
				<div class="company-history-shape-img-top"><img src="/static/images/shape-1.png" alt="shape-img"></div>
				<div class="company-history-containt-opact">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-xs-6 history-item-weight">
								<div class="clear-fix">
									<div class="history-item item-one">
										<div>
											<i class="flaticon-handshake"></i>
											<p>Happy Customers</p>
											<h2><span class="timer" data-from="0" data-to="210" data-speed="2000" data-refresh-interval="5">0</span></h2>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-xs-6 history-item-weight">
								<div class="clear-fix">
									<div class="history-item item-two">
										<div>
											<i class="flaticon-satisfaction"></i>
											<p>Customer Satisfaction</p>
											<h2><span class="timer" data-from="0" data-to="100" data-speed="2000" data-refresh-interval="5">0</span>%</h2>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-xs-6 history-item-weight col-item-three">
								<div class="clear-fix">
									<div class="history-item item-three">
										<div>
											<i class="flaticon-construction"></i>
											<p>Pet Hosted</p>
											<h2><span class="timer" data-from="0" data-to="95" data-speed="2000" data-refresh-interval="5">0</span></h2>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-xs-6 history-item-weight">
								<div class="clear-fix">
									<div class="history-item item-four">
										<div>
											<i class="flaticon-medal"></i>
											<p>Awards Winning</p>
											<h2><span class="timer" data-from="0" data-to="234" data-speed="2000" data-refresh-interval="5">0</span></h2>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Our pet health ____________________________ -->
			<section class="our-pet-health-section">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-xs-12">
							<div class="our-work-process">
								<h4>Our pet health care System</h4>
								<p>The doctors and staff at Pet Care Veterinary Hospital have years of experience treating a variety of reptiles including Bearded Dragons, Geckos, Snakes and Tortoises. Our hospital offers physical exams, vaccinations, nutrition, behavioral and environmental enrichment information for your pet ferret.</p>
								<div class="row">
									<div class="col-xs-6">
										<div class="">
											<i class="flaticon-dog-training"></i>
											<h6><a href="#">Home Delivery</a></h6>
										</div>
									</div>
									<div class="col-xs-6">
										<div class="">
											<i class="flaticon-snowshoe-cat"></i>
											<h6><a href="#">QUALITY Pet</a></h6>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-xs-12">
							<div class="doing-the-right-thing">
								<h5>Doing the right thing, Discover Our Products</h5>
								<p>Our veterinarians and staff understand the importance of the special bond you share with your pet and are dedicated to providing the best that modern veterinary care has to offer</p>
								<div class="inspiration-tab">
									<div class="inspiration-panel">
										<div class="panel-group theme-accordion" id="accordion">
										  <div class="panel">
										    <div class="panel-heading active-panel">
										      <h6 class="panel-title">
										        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
										        Trusted Pet Sitters Across the Country</a>
										      </h6>
										    </div>
										    <div id="collapse1" class="panel-collapse collapse in">
										      <div class="panel-body">
										      	<p>The perfect harmony between innovation and creativity, our bathroom tiles are produced in compliance with the international standards. High quality 20mm thick porcelain tiles that can be laid on pedestals,</p>
										      </div>
										    </div>
										  </div> <!-- /panel 1 -->
										  <div class="panel">
										    <div class="panel-heading">
										      <h6 class="panel-title">
										        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
										        What can I offer my bird as a treat?</a>
										      </h6>
										    </div>
										    <div id="collapse2" class="panel-collapse collapse">
										      <div class="panel-body">
										      	<p>The perfect harmony between innovation and creativity, our bathroom tiles are produced in compliance with the international standards. High quality 20mm thick porcelain tiles that can be laid on pedestals,</p>
										      </div>
										    </div>
										  </div> <!-- /panel 2 -->
										  <div class="panel">
										    <div class="panel-heading">
										      <h6 class="panel-title">
										        <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
										        When Your Rabbit Stops Eating</a>
										      </h6>
										    </div>
										    <div id="collapse3" class="panel-collapse collapse">
										      <div class="panel-body">
										      	<p>The perfect harmony between innovation and creativity, our bathroom tiles are produced in compliance with the international standards. High quality 20mm thick porcelain tiles that can be laid on pedestals,</p>
										      </div>
										    </div>
										  </div> <!-- /panel 3 -->
										</div> <!-- end #accordion -->
									</div> <!-- End of .inspiration-panel -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Client Review ____________________________ -->
			<div class="client-slider">
				<div class="opacity">
					<div class="container">
						<div class="them-title text-center">
							<span></span>
							<h2>Client Review</h2>
						</div> <!-- /.theme-title -->

						<div class="testimonial-slider">
							<div id="client-review-slider" class="owl-carousel owl-theme">
								<div class="item">
									<div class="clearfix">
										<img src="/static/images/home/img-8.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>Mahfuz Riad</h6>
											<p>CEO, Company</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>I’ve been happy with the services provided by Finazi LLC. Felix has been wonderful! He has returned my calls quick-ly, and he answered all my questions.</p>
									</div>
								</div> <!-- /.item -->
								<div class="item">
									<div class="clearfix">
										<img src="/static/images/home/img-9.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>Abdur Rob</h6>
											<p>CEO, Developer</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>I’ve been happy with the services provided by Finazi LLC. Felix has been wonderful! He has returned my calls quick-ly, and he answered all my questions.</p>
									</div>
								</div> <!-- /.item -->
								<div class="item">
									<div class="clearfix">
										<img src="/static/images/home/img-8.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>Mahfuz Riad</h6>
											<p>CEO, Company</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>I’ve been happy with the services provided by Finazi LLC. Felix has been wonderful! He has returned my calls quick-ly, and he answered all my questions.</p>
									</div>
								</div> <!-- /.item -->
							</div> <!-- /.col- -->
						</div> <!-- /.row -->
					</div> <!-- /.container -->
				</div> <!-- /.opacity -->
			</div> <!-- /.client-slider -->

			<!-- Latest News ____________________________ -->
			<div class="our-blog">
				<div class="container">
					<div class="them-title text-center">
						<span></span>
						<h2>Latest News</h2>
					</div> <!-- /.them-title -->

					<div class="blog-item-wrapper">
						<div class="row">
							<div class="col-md-4 col-sm-6 col-xs-12">
								<div class="single-blog">
									<div class="image"><img src="/static/images/home/img-10.jpg" alt=""></div>
									<div class="text tran3s">
										<h5><a href="#">Dogs Having The Summer Ever</a></h5>
										<p>Summer is a time of vacations and travel or simply relaxing at home for a staycation As much as we would love for our dogs to accompany</p>
										<span>13 /04 /17</span>
									</div> <!-- /.text -->
								</div> <!-- /.single-blog -->
							</div> <!-- /.item -->
							<div class="col-md-4 col-sm-6 col-xs-12">
								<div class="single-blog">
									<div class="image"><img src="/static/images/home/img-11.jpg" alt=""></div>
									<div class="text tran3s">
										<h5><a href="#">The cat feeling sad , when she was alone</a></h5>
										<p>Summer is a time of vacations and travel or simply relaxing at home for a staycation As much as we would love for our dogs to accompany</p>
										<span>15 /04 /17</span>
									</div> <!-- /.text -->
								</div> <!-- /.single-blog -->
							</div> <!-- /.item -->
							<div class="col-md-4 col-sm-6 col-xs-12">
								<div class="single-blog">
									<div class="image"><img src="/static/images/home/img-12.jpg" alt=""></div>
									<div class="text tran3s">
										<h5><a href="#">Cat Having nice moment the winter</a></h5>
										<p>Summer is a time of vacations and travel or simply relaxing at home for a staycation As much as we would love for our dogs to accompany</p>
										<span>19 /04 /17</span>
									</div> <!-- /.text -->
								</div> <!-- /.single-blog -->
							</div> <!-- /.item -->
						</div> <!-- /.blog-slider -->
					</div> <!-- /.row -->
				</div> <!-- /.container -->
			</div> <!-- /.our-blog -->

			<!-- Partner Logo ____________________________ -->
	        <div class="partners-section">
				<div class="container">
					<div class="">
						<div id="partner-logo" class="owl-carousel owl-theme">
							<div class="item"><div><img src="/static/images/home/slide-logo-1.png" alt="logo"></div></div>
							<div class="item"><div><img src="/static/images/home/slide-logo-2.png" alt="logo"></div></div>
							<div class="item"><div><img src="/static/images/home/slide-logo-3.png" alt="logo"></div></div>
							<div class="item"><div><img src="/static/images/home/slide-logo-4.png" alt="logo"></div></div>
							<div class="item"><div><img src="/static/images/home/slide-logo-2.png" alt="logo"></div></div>
						</div> <!-- End .partner_logo -->
					</div>
				</div>
			</div>

			<!-- Footer ____________________________ -->
			<footer>
				<div class="container">
					<div class="top-footer row">
						<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
							<a href="#"><img src="/static/images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
							<p><span class="p-color">myPet</span> was established in 2017 by Pet business veterans, Rod Davies and Matthew Levington, the journey began when founders Matthew Levington and Rod Davies, met up in 2017 over a beer</p>
							<ul class="icon">
								<li><a href="" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="" class="tran3s"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
								<li><a href="" class="tran3s"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
								<li><a href="" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
							</ul>

							<ul class="policy">
								<li><a href="" class="tran3s">Privacy Policy </a></li>
								<li><a>|</a></li>
								<li><a href="" class="tran3s">Legal Policy</a></li>
							</ul>
						</div> <!-- /.footer-logo -->

						<div class="col-md-4 col-sm-5 col-xs-12 footer-list">
							<h5>Important Links</h5>

							<ul>
								<li><a href="#" class="tran3s">Support</a></li>
								<li><a href="#" class="tran3s">About us </a></li>
								<li><a href="#" class="tran3s">Project</a></li>
								<li><a href="shop.html" class="tran3s">Shop</a></li>
								<li><a href="#" class="tran3s">Performance</a></li>
								<li><a href="#" class="tran3s">News</a></li>
								<li><a href="#" class="tran3s">Pet Health Food</a></li>
							</ul>
							<ul>
								<li><a href="#" class="tran3s">Pet</a></li>
								<li><a href="#" class="tran3s">Our History</a></li>
								<li><a href="#" class="tran3s">What We Do</a></li>
								<li><a href="#" class="tran3s">Living Areas</a></li>
								<li><a href="#" class="tran3s">Pet Product</a></li>
								<li><a href="contact-us.html" class="tran3s">Contact us</a></li>
							</ul>
						</div> <!-- /.footer-list -->

						<div class="col-md-3 col-xs-12 footer-news">
							<h5>News Update</h5>

							<ul>
								<li>
									<h6><a href="#" class="tran3s">Prefinished Solid Hardwood Flooring</a></h6>
									<span>january 02,2017</span>
								</li>
								<li>
									<h6><a href="#" class="tran3s">Latst pet care in summer 12 care them well</a></h6>
									<span>january 02,2017</span>
								</li>
							</ul>
						</div> <!-- /.footer-news -->
					</div> <!-- /.top-footer -->
				</div> <!-- /.container -->

				<div class="bottom-footer">
					<div class="container">
						<p class="float-left">Copyright &copy; 2017.Company name All rights reserved.</p>
						<form action="#" class="float-right">
							<input type="text" placeholder="Your Email">
							<button class="tran3s p-bg-color">Subscribe</button>
						</form>
					</div> <!-- /.container -->
				</div> <!-- /.bottom-footer -->
			</footer>
			
		</div> <!-- /.main-page-wrapper -->
		

		<!-- Scroll Top Button -->
		<button class="scroll-top tran7s p-color-bg">
			<i class="fa fa-angle-up" aria-hidden="true"></i>
		</button>

		<!-- pre loader  -->
	 	<div id="loader-wrapper">
			<div id="loader"></div>
		</div>
	


		<!-- js file -->
		<!-- Main js file/jquery -->
		<script src="/static/vendor/jquery-2.2.3.min.js"></script>
		<!-- bootstrap-select.min.js -->
{#		<script src="/static/vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>#}
		<!-- bootstrap js -->
		<script src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
		<!-- camera js -->
		<script src="/static/vendor/Camera-master/scripts/camera.min.js"></script>
		<script src="/static/vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
		<!-- Owl carousel -->
		<script src="/static/vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
		<!-- appear & countTo -->
		<script src="/static/vendor/jquery.appear.js"></script>
		<script src="/static/vendor/jquery.countTo.js"></script>
		<!-- fancybox -->
		<script src="/static/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
		<!-- Gallery - isotop -->
		<script type="text/javascript" src="/static/vendor/isotope.pkgd.min.js"></script>
		<!-- WOW js -->
		<script type="text/javascript" src="/static/vendor/WOW-master/dist/wow.min.js"></script>
		<!-- Circle Progress -->
		<script type="text/javascript" src="/static/vendor/circle-progress.js"></script>
		<!-- Style js -->
		<script src="/static/js/custom.js"></script>

    <form class="login_form_con">
        <div class="login_form">
            <div class="login_title">
                <h3>登 录</h3>
                <a href="javascript:;" class="shutoff"></a>
            </div>
            <div class="form_group">
                <input id="mobile" type="text" name="mobile" autocomplete="off">
                <div class="input_tip">手机号</div>
                <div id="login-mobile-err" class="error_tip">手机号不能为空</div>
            </div>
            <div class="form_group">
                <input id="password" type="password" name="password">
                <div class="input_tip">密码</div>
                <div id="login-password-err" class="error_tip">密码不能为空</div>
            </div>
            <input type="submit" name="" value="登 录" class="input_sub">
            <div class="down_link">还没有账号？<a href="javascript:;" class="to_register">立即注册</a></div>
            </div>
        <div class="mask"></div>
    </form>

<!-- 注册表单 -->
    <form class="register_form_con">
        <div class="register_form">
            <div class="register_title">
                <h3>注 册</h3>
                <a href="javascript:;" class="shutoff"></a>
            </div>
            <div class="form_group">
                <input type="text" name="mobile" autocomplete="off" id="register_mobile" class="phone_input">
                <div class="input_tip">手机号</div>
                <div id="register-mobile-err" class="error_tip">手机号不能为空</div>
            </div>
            <div class="form_group">
                <input type="text" name="code_pwd" id="image_code" class="code_pwd">
                <div class="input_tip">图形验证码</div>
                <img src="/static/images/pic_code.png" class="get_pic_code" onclick="generateImageCode()">
                <div id="register-image-code-err" class="error_tip">图形码不能为空</div>
            </div>
            <div class="form_group">
                <input type="text" name="smscode" id="smscode" class="code_pwd">
                <div class="input_tip">手机验证码</div>
                <a href="javascript:;" class="get_code" onclick="sendSMSCode()">点击获取验证码</a>
                <div id="register-sms-code-err" class="error_tip">验证码不能为空</div>
            </div>
            <div class="form_group">
                <input type="password" name="password" id="register_password" class="pass_input">
                <div class="input_tip">密码(不少于六位数)</div>
                <div id="register-password-err" class="error_tip">密码不能为空</div>
            </div>
            <div class="form_group2 clearfix">
                <input type="checkbox" class="agree_input" checked>
                <p>同意使用条款，并已阅读"跟帖评论自律管理承诺书"</p>
                <div class="error_tip">请勾选</div>
            </div>
            <input type="submit" name="" value="注 册" class="input_sub">
            <div class="down_link">已有账号？<a href="javascript:;" class="to_login">立即登录</a></div>
        </div>
        <div class="mask"></div>
    </form>
        <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
        <script type="text/javascript">
            L2Dwidget.init();
        </script>

	</body>
</html>
